$(function(){
    FastClick.attach(document.body);
    var value;
    $.get('http://127.0.0.1:3000/api/getbaicaijiatitle',function(data){
        data = data.result;
        var len = data.length;
        //先动态生成li然后将获取到的数据填充到每个li中,
        // li的长度由传进来的data长度确定,
        var ulW=0,startlen=0,endlen=0,distance=0;
        for(var i =0;i<len;i++){
            var idata = data[i];
            $('<li><a class="some">').appendTo('.navTitle');
            $('li a').eq(i).text(idata.title);
            $('li').eq(i).attr('value',idata.titleId);
            ulW += $('li').eq(i).width();
            value = $('li').eq(i).val()
        }
        $('.nav ul').width(ulW);
        $('.some').eq(0).addClass('current');
        tolist(0);
        // //点击a,给a添加current样式
        $('.some').on('click',function(){
            $('.some').eq(0).removeClass('current');
            $(this).addClass("current").parent().siblings('li').find('a').removeClass("current");
            var id = $(this).parent().val();
            console.log(id);

            tolist(id);

        })
        //设置滑动.添加事件,判断滑动距离
        var ul = $('.navTitle');
        var lastlen=0;
        var maxlen =$(ul).width()-$('.nav').width();
        // console.log(maxlen);
        ul.on('touchstart',function(e){
            startlen = e.targetTouches[0].clientX;
            // console.log(startlen);
            
        })
        ul.on('touchmove',function(e){
            // console.log(e);
            endlen = e.targetTouches[0].clientX;
            distance = endlen-startlen;
            // console.log(typeof(distance));
            // console.log(typeof(lastlen+distance));
            moveUl(lastlen+distance,1);
            // console.log(123);
            // console.log(endlen);
        })
        ul.on('touchend',function(e){
            lastlen += distance;

            // console.log(typeof(lastlen));
            if(lastlen<-maxlen){
                console.log(typeof(-maxlen));
                moveUl(-maxlen,2);
                lastlen = -maxlen;
            }
            if(lastlen>0){
                moveUl(0,2);
                lastlen = 0;
            }
        })
        function moveUl(len,sec){
            // console.log(len);
            ul.css('transform','translate('+len+'px)');
            ul.css('transition','all'+sec+'s');
        }
    })

    var Item = $('.products').clone(true);
    $('.products').remove();
    function tolist(args){

    console.log(args);
    $.get('http://127.0.0.1:3000/api/getbaicaijiaproduct?titleid='+args,function(data){
        var data = data.result;
        var len = data.length;
        $('.product_list').empty();
        for(var i = 0;i < len ; i++){
            var ss = Item.clone(true);
            var idata = data[i];
            ss.find('.images').html(idata.productImg);
            ss.find('.titles').html(idata.productName);
            ss.find('.price').html(idata.productPrice);
            ss.find('.hava').html(idata.productCouponRemain);
            ss.find('.text').html(idata.productCoupon);
            ss.find('.hrefs').html(idata.productHref);
            $('.product_list').append(ss);
        }
        
        // .empty();   remove();
          
    })
    }
})